<template>
    <div>
        <el-upload
            class="upload-demo"
            ref="upload"
            action="http://localhost:8888/api/emp/importEmp"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            name="file"
            :auto-upload="false">
            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
            <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
        </el-upload>
    </div>
</template>

<script>
export default {
    data(){
        return {

        }
    },
    methods: {
        handlePreview() {
            this.$message.success("handlePreview")
        },
        handleRemove() {
            this.$message.success("handleRemove")
        },
        submitUpload() {  //上传按钮
            this.$refs.upload.submit();
        }
    }
}
</script>